<app-header></app-header>
<!-- 主页正文部分 Start -->
<!--轮播开始-->
<app-banner></app-banner>
<!--轮播结束-->
<div style="background-color: #efeef2; width: 100%; overflow: hidden;">
<div class="hidden-xs hidden-sm">
   <div class="container">
      <div class="row">
         <div *ngFor="let project of games.list" class="col-md-6 col-lg-6 game_my_xin">
            <div class="project_box col-md-12 col-lg-12">
               <ul class="top_project">
                  <li class="top_iocn">
                     <img src="../../assets/image/my_project/clock_03.png" alt="">
                  </li>
                  <li class="top_iocn1">{{project.create_time}}</li>
                  <!--<li class="top_iocn2">11:26:36</li>-->
                  <li class="top_iocn3">点击次数 ：{{project.use_amount}}</li>
               </ul>
               <div class="top_imag">
                  <div class="top_imag1">
                     <img src="{{resource_url}}{{project.resource}}{{project.thumb}}" alt="">
                  </div>
                  <div class="top_wenb">
                     <div class="top_wenben">{{project.title}}</div>
                     <div class="top_wenben1">{{project.description}}</div>
                  </div>
                  <ul class="top_foot">
                     <li>
                        <!-- <img src="../../assets/image/my_project/1_03.png" alt=""> -->
                        <i class="top-foot-1 top-foot-i"></i>
                        <a [ngSwitch]="project.status">
                           <a *ngSwitchCase="'0'" class="grey" href="javascript:void(0);">预览游戏</a>
                           <a *ngSwitchCase="'1'" href="/game_p_view/{{project.id}}">预览游戏</a>
                        </a>
                     </li>
                     <li>
                        <!-- <img src="../../assets/image/my_project/2.1_03.png" alt=""> -->
                        <i class="top-foot-2 top-foot-i"></i>
                        <a href="/edit_game/{{project.id}}">编辑游戏</a>
                     </li>
                     <li>
                        <!-- <img src="../../assets/image/my_project/3_03.png" alt=""> -->
                        <i class="top-foot-3 top-foot-i"></i>
                        <a [ngSwitch]="project.status">
                           <a *ngSwitchCase="'0'" class="grey" href="javascript:void(0);">查看数据</a>
                           <a *ngSwitchCase="'1'" href="/view_data/{{project.id}}">查看数据</a>
                        </a>
                     </li>
                     <li>
                        <!-- <img src="../../assets/image/my_project/04_03.png" alt=""> -->
                        <i class="top-foot-4 top-foot-i"></i>
                        <a [ngSwitch]="project.status">
                           <a *ngSwitchCase="'0'" class="grey" href="javascript:void(0);">游戏网址</a>
                           <a *ngSwitchCase="'1'" href="{{resource_url}}{{project.resource}}index.html">游戏网址</a>
                        </a>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!--pc端结束-->

<!--移动端开始-->
<div class="hidden-lg hidden-md">
   <!-- <div class="yong_hu ">
      <div class="jiantou" (click)="changeIsnav()">
         <img src="../../assets/image/my_project/menu.png" alt="">
      </div>
      <div class="mask">
         <div><a href="">首页</a></div>
         <div><a href="">用户中心</a></div>
         <div><a href="">用户充值</a></div>
         <div><a href="">联系我们</a></div>
      </div>
      <div class="yong_hu">我的项目</div>
   </div> -->
   <div class="container phone-container">
      <div class="row phone-row">
         <div *ngFor="let project of games.list" class="col-sm-6 col-xs-6 phone-col">
            <div class="phone_yi_01">
               <div class="image_tup">
                  <a [ngSwitch]="project.status">
                     <a *ngSwitchCase="'1'" href="/game_p_view/{{project.id}}">
                        <img src="{{resource_url}}{{project.resource}}{{project.thumb}}" alt="">
                        <div class="circular">
                           <div>{{project.use_amount}}</div>
                        </div>
                     </a>
                     <a *ngSwitchCase="'0'" (click)="noEdit()">
                        <img src="{{resource_url}}{{project.resource}}{{project.thumb}}" alt="">
                        <div class="circular">
                           <div>{{project.use_amount}}</div>
                        </div>
                     </a>
                  </a>
               </div>
               <div class="phone_duanl">
                  <div class="jinshu">{{project.title}}</div>
                  <div class="jinshu1">{{project.description}}</div>
               </div>
            </div>
         </div>
         <div style="clear: both;"></div>

      </div>
   </div>
</div>
<!--分页开始-->
    <div class="addMore" id="addMore">
        <img src="../../assets/image/commom/loadingone.gif" />加载更多...
    </div>
    <div class="top" (click)="pageScroll()">
        <img src="../../assets/image/commom/top.png" />
    </div>
</div>
<!-- 主页正文部分 End -->
<app-footer></app-footer>